<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
  
    <ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
		</ui:define>
		<ui:define name="titulopagina">
			<h:outputText value="PERFILAMIENTOS" />
		</ui:define>
 
		<ui:define name="agregaIconoEjecutivos"/>
		
		<ui:define name="bodyarea">
			<f:event type="preRenderView" listener="#{perfilamientoController.onPageLoad}"/>
			<p:messages id="messagePerfilamientos" showDetail="true" closable="true" />
			<p:tabView id="tabViewPerfilamientos">
				<p:ajax event="tabChange" listener="#{perfilamientoController.onTabChange}" />
				<p:tab id="tabPerfilamientos" title="Perfilamientos">
					<h:panelGrid width="100%">
						<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
							cellpadding="5" styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
							<f:facet name="header">  
								<h:outputText value="Perfilamiento Anual" />
							</f:facet>
							<h:panelGrid columns="3">
								<h:outputText value="Año" styleClass="texto"/>
								<p:selectOneMenu id="cbxPerfilamientoAnio" value="#{perfilamientoController.perfilamientoModel.anioSeleccionado}">
											<f:selectItems value="#{perfilamientoController.perfilamientoModel.listaAnios}" />
								</p:selectOneMenu>
								<p:commandButton id="idBtnBuscarPerfilamiento" icon="ui-icon-search" value="Buscar"  
												 update=":formPrincipal:tabViewPerfilamientos,:formPrincipal:messagePerfilamientos"
												 actionListener="#{perfilamientoController.procesarPerfilamientoAnual}"/>
							</h:panelGrid>				 
							<t:div style="overflow-x: scroll; overflow-y: hidden; width: 915px;">
								<p:dataTable id="tableFormPerfilamientos" 
									 styleClass="styleDataTableWrapNormal" 
									 rowIndexVar="rowIndex"
									 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}"
						 			 emptyMessage="NO EXISTE INFORMACIÓN SEGÚN LOS CRITERIOS DE BÚSQUEDA INGRESADOS."
									 value="#{perfilamientoController.perfilamientoModel.listPerfilamientoAnual}" var="fila">
									<p:columnGroup type="header">
										<p:row>
											<p:column colspan="1" headerText=""/>
											<p:column colspan="4" headerText="Enero"/>
											<p:column colspan="4" headerText="Febrero"/>
											<p:column colspan="4" headerText="Marzo"/>
											<p:column colspan="4" headerText="Abril"/>
											<p:column colspan="4" headerText="Mayo"/>
											<p:column colspan="4" headerText="Junio"/>
											<p:column colspan="4" headerText="Julio"/>
											<p:column colspan="4" headerText="Agosto"/>
											<p:column colspan="4" headerText="Septiembre"/>
											<p:column colspan="4" headerText="Octubre"/>
											<p:column colspan="4" headerText="Noviembre"/>
											<p:column colspan="4" headerText="Diciembre"/>
										</p:row>
										<p:row>
											<p:column headerText="Semanas"/>
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>											

											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
											
											<p:column headerText="1"/>
											<p:column headerText="2"/>
											<p:column headerText="3"/>
											<p:column headerText="4"/>
										</p:row>
									</p:columnGroup>			 
								
									<p:column>
										<h:outputText value="#{fila.descripcion}"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_1}"/>
										<f:attribute name="align" value="right"/>
									</p:column>	
									<p:column>	
										<h:outputText value="#{fila.valor_2}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_3}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_4}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_5}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_6}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_7}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_8}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_9}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_10}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_11}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_12}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_13}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_14}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_15}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_16}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_17}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_18}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_19}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_20}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_21}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_22}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_23}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_24}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_25}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_26}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_27}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_28}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_29}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_30}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_31}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_32}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_33}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_34}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_35}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_36}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_37}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_38}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_39}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_40}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_41}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_42}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_43}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_44}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_45}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_46}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_47}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:column>
										<h:outputText value="#{fila.valor_48}"/>
										<f:attribute name="align" value="right"/>
									</p:column>
									<p:columnGroup type="footer">
										<p:row>
											<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.descripcion}" styleClass="styleDataTableFooterVerde"/>
											<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_1}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_2}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_3}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_4}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_5}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_6}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_7}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_8}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_9}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_10}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_11}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_12}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_13}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_14}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_15}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_16}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_17}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_18}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_19}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_20}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_21}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_22}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_23}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_24}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_25}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_26}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_27}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_28}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_29}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_30}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_31}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_32}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_33}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_34}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_35}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_36}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_37}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_38}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_39}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_40}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_41}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_42}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_43}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_44}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_45}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_46}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_47}" styleClass="styleDataTableFooterVerde"/>
										 	<p:column footerText="#{perfilamientoController.perfilamientoModel.footerPerfilamientoAnual.valor_48}" styleClass="styleDataTableFooterVerde"/>
										</p:row>
									</p:columnGroup>
								</p:dataTable>
							</t:div>
						</h:panelGrid>	
						<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
							cellpadding="5" styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
							<f:facet name="header">
								<h:outputText value="Gráfico de Composición de Cartera de Clientes" />
							</f:facet>
							<t:panelGrid id="graficoPerfilamiento" align="center" rendered="#{not empty perfilamientoController.perfilamientoModel.listPerfilamientoAnual}"  >
								<p:graphicImage value="#{perfilamientoController.perfilamientoModel.chartTimePerfilamiento}" />		  
							</t:panelGrid>
						</h:panelGrid>
					</h:panelGrid>
				</p:tab>	
				<p:tab id="tabComposicionCarteraCliente" title="Composición de Carteras de Clientes">
					<h:panelGrid width="100%">
						<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
							cellpadding="5" styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
							<f:facet name="header">  
								<h:outputText value="Composición de Carteras de Clientes" />
							</f:facet>
							<p:dataTable id="tableFormComposicionCarterasClientes" styleClass="styleDataTableWrapNormal"
								 value="#{perfilamientoController.perfilamientoModel.listComposicionCartera}" var="fila"
								 rowIndexVar="rowIndex"
								 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
								<p:columnGroup type="header">
									<p:row>
										<p:column width="180" headerText="Descripción"/>
										<p:column width="50" headerText="Vigente"/>
										<p:column width="50" headerText="No Vigente"/>
										<p:column width="50" headerText="Cantidad"/>
										<p:column width="70" headerText="Porcentaje"/>
									</p:row>
								</p:columnGroup>		
								<p:column>
									<h:outputText value="#{fila.nombre}"/>
								</p:column>	
								<p:column styleClass="styleAlignRightColumn">
									<h:outputText value="#{fila.vigente}"/>
								</p:column>
								<p:column styleClass="styleAlignRightColumn">
									<h:outputText value="#{fila.novigente}"/>
								</p:column>	
								<p:column styleClass="styleAlignRightColumn">
									<h:outputText value="#{fila.cantidad}"/>
								</p:column>	
								<p:column styleClass="styleAlignRightColumn">
									<h:outputText value="#{fila.pesod}"/>
								</p:column>			 
								<p:columnGroup type="footer">
									<p:row>
										<p:column colspan="1" footerText="#{perfilamientoController.perfilamientoModel.footerComposicionCartera.nombre}" styleClass="styleDataTableFooterOrange"/>
										<p:column colspan="1" footerText="#{perfilamientoController.perfilamientoModel.footerComposicionCartera.vigente}" styleClass="styleDataTableFooterOrange"/>
										<p:column colspan="1" footerText="#{perfilamientoController.perfilamientoModel.footerComposicionCartera.novigente}" styleClass="styleDataTableFooterOrange"/>
										<p:column colspan="1" footerText="#{perfilamientoController.perfilamientoModel.footerComposicionCartera.cantidad}" styleClass="styleDataTableFooterOrange"/>
										<p:column colspan="1" footerText="#{perfilamientoController.perfilamientoModel.footerComposicionCartera.pesod}" styleClass="styleDataTableFooterOrange"/>
									</p:row>
								</p:columnGroup>					 
							</p:dataTable>
						</h:panelGrid>	
						<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
							cellpadding="5" styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
							<f:facet name="header">
								<h:outputText value="Gráfico de Composición de Cartera de Clientes" />
							</f:facet>
							<t:panelGrid align="center" columns="2">	
								<t:panelGrid id="graficoPerfilCliente" align="center" rendered="#{not empty perfilamientoController.perfilamientoModel.listComposicionCartera}"  >
									<p:graphicImage value="#{perfilamientoController.perfilamientoModel.chartPiePerfilCliente}" />		  
								</t:panelGrid>
								<t:panelGrid id="graficoPerfilados" align="center" rendered="#{not empty perfilamientoController.perfilamientoModel.listComposicionCartera}"  >
									<p:graphicImage value="#{perfilamientoController.perfilamientoModel.chartPiePerfilados}" />		  
								</t:panelGrid>
							</t:panelGrid>	
						</h:panelGrid>		 
					</h:panelGrid>
				</p:tab>	
				<p:tab id="tabInformacionTipoAsesoria" title="Información de Tipo Asesoría">
					<h:panelGrid width="100%">
						<ui:repeat var="obj" value="#{perfilamientoController.perfilamientoModel.listaEstadisticaCuestionarioTA}">
							<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
								styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
								<f:facet name="header">  
									<h:outputText value="#{obj.titulo}" />
								</f:facet>
								<h:panelGrid columns="2" width="100%">
									<h:panelGrid styleClass="stylePanelColumnsHijo">
										<p:dataTable rowIndexVar="rowIndex"
													 styleClass="styleDataTableWrapNormal"
													 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}" 
													 value="#{obj.listaPregunta}" 
													 rendered="#{not empty obj.listaPregunta}"
													 var="fila">
											<p:columnGroup type="header">
												<p:row>
													<p:column headerText="#{obj.titulo}"/>
													<p:column headerText="Cantidad"/>
													<p:column headerText="Porcentaje"/>
												</p:row>
											</p:columnGroup>		
											<p:column styleClass="styleAlignLeftColumn">
												<h:outputText value="#{fila.descripcionalternativa}"/>
											</p:column>
											<p:column styleClass="styleAlignRightColumn">
												<h:outputText value="#{fila.cantidad}"/>
											</p:column>	
											<p:column styleClass="styleAlignRightColumn">
												<h:outputText value="#{fila.pesod}"/>
											</p:column>		
											<p:columnGroup type="footer">
												<p:row>
													<p:column footerText="#{obj.footerPregunta.descripcionalternativa}" styleClass="styleDataTableFooterOrange"/>
													<p:column footerText="#{obj.footerPregunta.cantidad}" styleClass="styleDataTableFooterOrange"/>
													<p:column footerText="#{obj.footerPregunta.pesoD}" styleClass="styleDataTableFooterOrange"/>
												</p:row>
											</p:columnGroup>			 
										</p:dataTable>		
									</h:panelGrid>
									<h:panelGrid align="right" styleClass="stylePanelColumnsHijo">
										<t:panelGrid align="center" rendered="#{not empty obj.listaPregunta}"  >
												<p:graphicImage value="#{perfilamientoController.obtenerGrafico}" alt="image" cache="false">
													<f:param name="imageID" value="#{obj.idEstadisticaCuestionario}" />
												</p:graphicImage>		  
										</t:panelGrid>
									</h:panelGrid>			 
								</h:panelGrid>
							</h:panelGrid>
						</ui:repeat>
					</h:panelGrid>
				</p:tab>
				<p:tab id="tabInformacionSegunPerfilamiento" title="Información según Perfilamiento">
					<h:panelGrid width="100%">
						<ui:repeat var="obj" value="#{perfilamientoController.perfilamientoModel.listaEstadisticaCuestionario}">
								<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
									styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
									<f:facet name="header">  
										<h:outputText value="#{obj.titulo}" />
									</f:facet>
									<t:div style="width:100%">
										<h:panelGrid  columns="2" width="100%">
											<h:panelGrid columns="1" styleClass="stylePanelColumnsHijo">
												<p:dataTable rowIndexVar="rowIndex"
													 styleClass="styleDataTableWrapNormal"
													 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}" 
													 value="#{obj.listaPregunta}" 
													 rendered="#{not empty obj.listaPregunta}" var="fila">
													<p:columnGroup type="header">
														<p:row>
															<p:column headerText="#{obj.titulo}"/>
															<p:column headerText="Cantidad"/>
															<p:column headerText="Porcentaje"/>
														</p:row>
													</p:columnGroup>	
													<p:column styleClass="styleAlignLeftColumn">
														<h:outputText value="#{fila.descripcionalternativa}" />
													</p:column>
													<p:column styleClass="styleAlignRightColumn">
														<h:outputText value="#{fila.cantidad}"/>
													</p:column>	
													<p:column styleClass="styleAlignRightColumn">
														<h:outputText value="#{fila.pesod}" />
													</p:column>			
													<p:columnGroup type="footer">
														<p:row>
															<p:column footerText="#{obj.footerPregunta.descripcionalternativa}" styleClass="styleDataTableFooterOrange"/>
															<p:column footerText="#{obj.footerPregunta.cantidad}" styleClass="styleDataTableFooterOrange"/>
															<p:column footerText="#{obj.footerPregunta.pesoD}" styleClass="styleDataTableFooterOrange"/>
														</p:row>
													</p:columnGroup>			 
												</p:dataTable>
											</h:panelGrid>	
											<h:panelGrid align="right" styleClass="stylePanelColumnsHijo">
												<t:panelGrid  align="center" rendered="#{not empty obj.listaPregunta}">
													<p:graphicImage value="#{perfilamientoController.obtenerGraficoPerfilamiento}" alt="image" cache="false">
														<f:param name="imageID" value="#{obj.idEstadisticaCuestionario}" />
													</p:graphicImage>
												</t:panelGrid>	
											</h:panelGrid>
										</h:panelGrid>
									</t:div>
								</h:panelGrid>
						</ui:repeat>
					</h:panelGrid>									 
				</p:tab>		
			</p:tabView>
		</ui:define>
	</ui:composition>
</html>		